/* pages/sayrooms/sayrooms.wxss */


/* pages/index/home/home.wxss */


/* pages/index/say/say.wxss */


/* .sendMsg {
  position: fixed;
  bottom: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border: 1px solid red;
  width: 95%;
  margin: 0 auto;
} */

.sendMsg_form {
	/* display: flex;
     flex-direction: row; */
	position: fixed;
	bottom: 0px;
	margin: 0 auto;
	width: 100%;
}

wx-form.sendMsg_form {
	width: 100%;
}


/*  发送 */

.sends {
	/* position: static;
    background: #fff;
    width: 100rpx;
    height: 60rpx;
    line-height: 50rpx;
    text-align: center;
    align-items: center;
    padding: 0px;
  
    margin: 0; */
}

wx-button.sends::after {
	/* position: static;
    background: #fff;
    width: 100rpx;
    height: 50rpx;
    line-height: 50rpx;
    text-align: center;
    align-items: center;
    padding: 0px;
    border: 1px solid red;
    margin: 0; */
}

.input {
	width: 80%;
	border: 1px solid black;
}


/*  ***  */

.code {
	color: red;
	width: 80%;
	float: left;
	border: 1px solid red;
}

.name {
	color: blue;
	width: 80%;
	float: right;
	border: 1px solid black;
}

.mm {
	position: relative;
}

.min {
	min-height: 20px;
	min-width: 5%;
}

.log-list {
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.log-item {
	margin: 5px;
}

.a1 {
	width: 80%;
	float: left;
}

.a2 {
	min-width: 5%;
	display: flex;
}

.a2-img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	/* margin: 0 10px; */
	/* border:1px solid red; */
}

.a3 {
	/*flex-wrap:warp*/
	/* white-space: pre-wrap;*/
	word-wrap: break-word;
	word-break: break-all;
	/* width:70%; */
}

.aa1 {
	width: 80%;
	float: right;
	clear: both;
}

.aa2 {
	min-width: 5%;
}

.aa3 {
	/*flex-wrap:warp*/
	/* white-space: pre-wrap;*/
	word-wrap: break-word;
	word-break: break-all;
}

.inputText {
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	height: 30px;
	line-height: 30px;
}

.inputTextO {
	border: 1px solid #000;
	text-indent: 5px;
	padding-left: 5px;
	width: 65%;
}

.inputBotton {
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.String {
	color: bisque;
}

.tell {
	width: 95%;
	margin: 0 auto;
}

.inputAll {
	position: fixed;
	bottom: 20px;
	width: 100%;
}


/********************************************  */

.ALLALL {
	width: 100%;
	margin-bottom: 40px;
	background: url("https://xcximg.juseyun.com/xcxsrc/img/2.gif");
	background-size: 115% 100%;
	/* border:1px solid red; */
	padding-bottom: 30px;
}

.coninter {
	width: 100%;
	min-height: 680px;
	/* max-height: 100%;  */
	height: 100%;
}

.scroll-all {
	width: 100%;
	min-height: 650px;
}


/*滚动条  */

 ::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}


/* //聊天重写 */

.left-Text {
	/* width:70%;   */
	max-width: 70%;
	float: left;
	margin-top: 30px;
	/* margin-bottom: 10px; */
	margin-left: 20px;
	clear: both;
	/*    overflow: hidden;*/
	content: "";
	background: white;
	color: #18BB9B;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 26px;
}

.right-Text {
	/* width:70%;   */
	max-width: 70%;
	float: right;
	margin-top: 30px;
/*	margin-bottom: 10px;*/
	clear: both;
	/*overflow: hidden;*/
	content: "";
	margin-right: 20px;
	background: #1abb9c;
	border-top-right-radius: 26px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	color: #fff;
}

.right-d {
	min-width: 5%;
	min-height: 20px;
	display: flex;
}


/* 定位时间 */

.a3 {
	/* border:1px double #ddd; */
	/* line-height: 65rpx;
    min-width: 20px;
    min-height: 10px; */
	margin: 8px 8px;
	/* padding-right: 50px;
    padding-bottom: 10px;;
    padding-top: 20px;;
    padding-left: 40px;; */
	padding: 5px 10px 5px 10px;
}


/* 聊天窗口时间*/

.timer-Text {
	width: 100%;
	text-align: center;
	line-height: 30px;
	height: 30px;
}

.timer-Text>text {
	font-size: 14px;
	color: #000;
	font-family: "楷体";
	border-bottom: 1px dotted #cddbd6;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 70%;
	margin: 0 auto;
}


/*聊天的字外边框  */

.font-top {
	border: 1px solid #c9d0d6;
	min-width: 30px;
	min-height: 6px;
	border-radius: 5px;
	line-height: 32px;
	/* background: #fff; */
	background: #A0E75A;
	font-size: #fff;
	/*边框线条  */
	/* background: url('/img/say-1.9.png') ; 
    background-image: 100% 100%;  */
	position: relative;
}

.font-tops {
	position: absolute;
	top: 20%;
	right: -16px;
	/* 圆角的位置需要细心
  调试
  哦 */
	width: 0;
	height: 0;
	font-size: 0;
	border: solid 8px;
	border-color: white white white #A0E75A;
	color: white;
}

.font-topss {
	position: absolute;
	top: 20%;
	left: -16px;
	/* 圆角的位置需要细心
  调试
  哦 */
	width: 0;
	height: 0;
	font-size: 0;
	border: solid 8px;
	border-color: white #A0E75A white white;
	color: white;
}

.pp {
	border: 1px solid #000;
	min-width: 30px;
	min-height: 6px;
	border-radius: 5px;
	line-height: 32px;
	background: #000;
}

.fontOne {
	font-weight: bold;
	color: #000;
}

.fontTwo {
	font-weight: bold;
	color: #fff;
}


/*三元判断  */

.block {
	display: block;
}

.none {
	display: none;
}

.ToRight {
	margin-right: 10px;
}

.ToLeft {
	margin-left: 16px;
}

.sayTosay {
	border: 1px solid transparent;
	min-height: 50px;
	height: auto;
}


/* .sendMsg {
    position: fixed;
    bottom: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid red;
    width: 100%;
    margin: 0 auto;
  } */

.sendMsg_form {
	/* display: flex;
     flex-direction: row; */
	position: fixed;
	bottom: 0px;
	margin: 0 auto;
	width: 100%;
}


/*  发送 */

.sends {
	/* position: static;
    background: #fff;
    width: 100rpx;
    height: 50rpx;
    line-height: 50rpx;
    text-align: center;
    align-items: center;
    padding: 0px; */
	/* border: 1px solid red; */
	/* margin: 0;  */
}

wx-button.sends::after {
	/* position: static;
    background: #fff;
    width: 100rpx;
    height: 50rpx;
    line-height: 50rpx;
    text-align: center;
    align-items: center;
    padding: 0px; */
	/* border: 1px solid red; */
	/* margin: 0; */
}

.input {
	width: 80%;
	border: 1px solid black;
}


/*  ** */

.message-list {
	position: absolute;
	top: 0px;
	bottom: 50px;
	left: 0px;
	right: 0px;
	width: 100%;
	padding: 20px;
}

.message-list .scroll {
	height: 100%;
}

.input-view {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	max-height: 50px;
}

.input-view input {
	display: inline-block;
	border-bottom: 1px solid #3e3e3e;
	width: 80%;
	padding-left: 20px;
}

.input-view button {
	position: fixed;
	bottom: 0px;
	right: 0px;
	border-radius: 0px;
}

.scroll-view-item {
	margin-top: 5px;
	border: 1px solid #3e3e3e;
}

.receiver {}

.scroll-view-item .content {
	max-width: 300px;
	word-wrap: break-word;
	word-break: normal;
	line-height: 1.4;
}

.sender .content {
	float: right;
}


/* *** */


/* pages/index/say/say.wxss */

.sendMsg {
	/* position: fixed; */
	/* bottom: 0px; */
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* border: 1px solid red; */
	border-top: 1px solid #D8D8D8;
	width: 100%;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	align-items: center;
}

.sendMsg_widths {
	/* position: fixed;
    bottom: 0px; */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* border: 1px solid red; */
	width: 95%;
	margin: 4px auto;
	height: 30px;
	line-height: 30px;
}

.sendMsg_form {
	/* display: flex;
     flex-direction: row; */
	/* position: fixed;
    bottom: 0px;
    margin: 0 auto; */
}


/*  发送 */

.sends {
	/* position: static;
    background: #fff;
    width: 100rpx;
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
    align-items: center;
    padding: 0px; */
	/* border: 1px solid red; */
	/* margin: 0;
    background: #1AAD19;
    color:#fff; */
}

wx-button.sends::after {
	/* position: static;
    background: #fff;
    width: 100rpx;
    height: 50rpx;
    line-height: 50rpx;
    text-align: center;
    align-items: center;
    padding: 0px; */
	/* border: 1px solid red; */
	/* margin: 0; */
}

.input {
	width: 80%;
	border: 1px solid black;
}


/*  ***  */

.code {
	color: red;
	width: 80%;
	float: left;
	border: 1px solid red;
}

.name {
	color: blue;
	width: 80%;
	float: right;
	border: 1px solid black;
}

.mm {
	position: relative;
}

.min {
	min-height: 20px;
	min-width: 5%;
}

.log-list {
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.log-item {
	margin: 5px;
}

.a1 {
	width: 80%;
	float: left;
}

.a2 {
	min-width: 5%;
	display: flex;
}

.a2-img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	/* margin: 0 10px; */
	/* border:1px solid red; */
}

.a3 {
	/*flex-wrap:warp*/
	/* white-space: pre-wrap;*/
	word-wrap: break-word;
	word-break: break-all;
	/* width:70%; */
}

.aa1 {
	width: 80%;
	float: right;
	clear: both;
}

.aa2 {
	min-width: 5%;
}

.aa3 {
	/*flex-wrap:warp*/
	/* white-space: pre-wrap;*/
	word-wrap: break-word;
	word-break: break-all;
}

.inputText {
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	height: 30px;
	line-height: 30px;
}

.inputTextO {
	border: 1px solid #000;
	text-indent: 5px;
	padding-left: 5px;
	width: 65%;
}

.inputBotton {
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.String {
	color: bisque;
}

.tell {
	width: 95%;
	margin: 0 auto;
}

.inputAll {
	position: fixed;
	bottom: 20px;
	width: 100%;
}


/********************************************  */

.ALLALL {
	width: 100%;
	margin-bottom: 40px;
	background: url("https://xcximg.juseyun.com/xcxsrc/img/2.gif");
	background-size: 115% 100%;
	/* border:1px solid red; */
	padding-bottom: 30px;
}

.coninter {
	width: 100%;
	min-height: 680px;
	/* max-height: 100%;  */
	height: 100%;
}

.scroll-all {
	width: 100%;
	min-height: 650px;
}


/*滚动条  */

 ::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}


/* //聊天重写 */

.left-Text {
	/* width:70%;   */
	max-width: 70%;
	border: 1px solid transparent;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
	/*overflow: hidden;*/
	content: "";
}

.right-Text {
	/* width:70%;   */
	max-width: 70%;
	float: right;
	border: 1px solid transparent;
	/* margin-top: 10px;
	margin-bottom: 10px; */
	clear: both;
	/* overflow: hidden;*/
	content: "";
}

.span_time {
	z-index: 1000;
	color: #999999 !important;
	font-size: 12px;
	font-family: "PingFang-SC-Medium" !important;
}


/*溢出*/

.auto_s {
	overflow: hidden;
	overflow: auto;
}

.span_times {
	z-index: 1000;
	color: #999999 !important;
	font-size: 12px;
	font-family: "PingFang-SC-Medium" !important;
	
}

.left-d {
	min-width: 5%;
	min-height: 20px;
	display: flex;
	position: relative;
}

.right-d {
	min-width: 5%;
	min-height: 20px;
	display: flex;
}

.a3 {
	/* border:1px double #ddd; */
	/* line-height: 65rpx;
    min-width: 20px;
    min-height: 10px; */
	margin: 8px 8px;
}


/* 聊天窗口时间*/

.timer-Text {
	width: 100%;
	text-align: center;
	line-height: 30px;
	height: 30px;
}

.timer-Text>text {
	font-size: 14px;
	color: #000;
	font-family: "楷体";
	border-bottom: 1px dotted #cddbd6;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 70%;
	margin: 0 auto;
}


/*聊天的字外边框  */

.font-top {
	border: 1px solid #c9d0d6;
	min-width: 30px;
	min-height: 6px;
	border-radius: 5px;
	line-height: 32px;
	/* background: #fff; */
	font-size: #fff;
	/*边框线条  */
	/* background: url('/img/say-1.9.png') ; 
    background-image: 100% 100%;  */
}

.pp {
	border: 1px solid #000;
	min-width: 30px;
	min-height: 6px;
	border-radius: 5px;
	line-height: 32px;
	background: #000;
}

.fontOne {
	font-weight: bold;
	color: #000;
}

.fontTwo {
	font-weight: bold;
	color: #fff;
}


/*三元判断  */

.block {
	display: block;
}

.none {
	display: none;
}

.ToRight {
	margin-right: 16px;
}

.ToLeft {
	margin-left: 16px;
}

.sayTosay {
	border: 1px solid transparent;
	min-height: 50px;
	height: auto;
}


/*  ** */

.message-list {
	position: absolute;
	top: 0px;
	bottom: 50px;
	left: 0px;
	right: 0px;
	width: 100%;
	padding: 20px;
}

.message-list .scroll {
	height: 100%;
}

.input-view {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	max-height: 50px;
}

.input-view input {
	display: inline-block;
	border-bottom: 1px solid #3e3e3e;
	width: 80%;
	padding-left: 20px;
}

.input-view button {
	position: fixed;
	bottom: 0px;
	right: 0px;
	border-radius: 0px;
}

.scroll-view-item {
	margin-top: 5px;
	border: 1px solid #3e3e3e;
}

.receiver {}

.scroll-view-item .content {
	max-width: 300px;
	word-wrap: break-word;
	word-break: normal;
	line-height: 1.4;
}

.sender .content {
	float: right;
}

.home_scroll {
	/* 
    margin-bottom: -30px; */
}


/* 卡片 */


/* 卡片 */

.card {
	color: red;
	background: #c59020;
	width: 125px;
	height: 85px;
	margin: 0 auto;
	align-items: center;
	text-align: center;
	line-height: 85px;
}

.upImg {
	font-size: 14px;
	color: red;
}

.showImg_All {
	display: flex;
	align-items: center;
}


/*  上传 的图片 */

.upImgss {
	/* width: 100rpx;
    height: 100rpx;
    margin: 9px auto; */
}


/*  按住说话 */

.upImgs {
	/* position: static;
    padding: 0px;
    margin: 0;
    height: 26px;
    width: 100px;
    font-size: 28rpx;
    line-height: 26px; */
}

wx-button.upImgs::after {
	/* position: static;
    padding: 0px;
    margin: 0;
    height: 26px; */
}


/* 语音  */

.audio {
	border: 1px solid red;
	width: 100px;
	height: 50px;
}


/* 更新底部 */

.phonetics {
	width: 30px;
	height: 30px;
}

.writeInput {
	/* border:1px solid red; */
	border-bottom: 1px solid #D8D8D8;
	width: 65%;
	height: 29px;
	padding-left: 5px;
	margin: 0px;
}

wx-input.writeInput {
	width: 65%;
	height: 29px;
}

.upImgs {
	width: 65%;
	height: 29px;
}

.upload_img {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.sendMsg_width {
	width: 100%;
}


/* 笑脸 */

.expression {
	width: 30px;
	height: 30px;
}


/* 发送 */

.sends {
	width: 50px;
	background: #1AAD19;
	height: 30px;
	line-height: 30px;
	color: #fff;
	padding: 0px;
}


/* 按住说话 */

.upImgs {
	text-align: center;
	height: 30px;
	line-height: 30px;
	align-items: center;
	padding: 0px;
	margin: 0px;
}


/* 键盘 */

.keyboard {
	width: 30px;
	height: 30px;
}


/* emoji */

.emoji {
	width: 100%;
	height: 50px;
	border: 1px solid red;
}

.emojisImg {
	width: 25px;
	height: 25px;
}

.emojisImgs {
	width: 30px;
	height: 30px;
	text-align: center;
	align-items: center;
	margin: 10px 10px;
}

.all_emojis {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.emojisImgs {
	display: flex;
	flex-wrap: wrap;
}

.swiper_all {
	height: 165px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

wx-swiper.swiper_all {
	height: 0px;
	width: 100%;
	height: 165px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 43px;
}


/* 上传键 软件库 */

.library {
	width: 95%;
	margin: 0 auto;
	height: 0px;
	position: absolute;
	left: 0px;
	top: 43px;
	display: flex;
	flex-wrap: wrap;
	/* border:1px solid red; */
}

wx-view.library {
	width: 100%;
	height: 0px;
	/* border:1px solid red; */
}


/*  ➕  */

.openimg_all {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	width: 60px;
	height: 60px;
	font-size: 14px;
	margin: 5px;
}

.openimg {
	width: 50px;
	height: 50px;
	border: 1px solid #DFDFDF;
	align-items: center;
	text-align: center;
	border-radius: 8px;
}

.openimgs {
	width: 35px;
	height: 25px;
	margin: 12.5px auto;
}


/* 相册 */

.album {
	padding: 0px;
	padding-top: 0px;
	margin-top: -5px;
}
.upload_Orderimg{
cursor: pointer;
    width: 101px;
    height: 101px;
    margin-top: 10px;
}
.upload_img{
	background: transparent;
    background: #fff;
    color: #fff;
       width: 109px;
    height: 76px;
    margin-top: -66px;
    border: 1px solid red;
    background-size: 25px 25px;
    /* z-index: 100; */
    opacity: 0;
    z-index: 100;
    cursor: pointer;
}
    
    
    
    
.layui-upload-img{
	width: 100px;
	height: 100px;
}
.layui-upload-list{
/*	  margin: 9px 0;*/
/*    border: 1px solid;*/
  /*  padding: 10px;*/
}
.close_been{
    cursor:pointer !important;
    position: absolute !important;
    right: -10px !important;
    top: -6px !important;
    width: 32px !important;
    height: 30px !important;
    align-items: center !important;
    line-height: 20px !important;
    text-align: center !important;
    color: #000000  !important;
    border-radius: 50% !important;
}